<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="dpflex fdc">
    <header>
        <a href="./person.html" class="h-top dpflex jcsb">
            <div class="h-img">
                <img id="headImg" alt="">
            </div>
            <p class="ml16 fs22" id="nickName"></p>
            <i class="iconfont zp-right"></i>
        </a>
        <input type="file" class="dpnone" id="changeImg">   
        <div class="h-btm">
            <p class="mt20" >个性签名: <span id="sign"></span></p>
        </div>
    </header>
    <main class="flex1">
        <div class="main-top">
            <div class="main-t dpflex mt20">
                <p class="fs18"><span class="iconfont icon-data fs24 cb"></span>运动数据</p>
                <i id="MotionData" class="fs24">></i>
            </div>
            <div class="main-top-b dpflex">
                <div>
                    <p>总运动</p>
                    <div class="dpflex">
                        <h4>99999</h4>
                        <span>分钟</span>
                    </div>
                </div>
                <i></i>
                <div>
                    <p>本周消耗</p>
                    <div class="dpflex">
                        <h4>99999</h4>
                        <span>千卡</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-mid">
            <div class="main-t dpflex mt20">
                <p class="fs18"><span class="iconfont icon-badge fs24 cb"></span>我的运动徽章</p>
                <i class="fs24">></i>
            </div>
            <div class="main-mid-b dpflex">
                <div>
                    <img src="./imgs/mybadge01.jpg" alt="">
                </div>
                <div>
                    <img src="./imgs/mybadge02.jpg" alt="">
                </div>
                <div>
                    <img src="./imgs/mybadge03.jpg" alt="">
                </div>
            </div>
        </div>
        <button class="main-btm mt20 cb">退出登录</button>
    </main>
    <footer></footer>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>

</body>

</html>